snapshot

1 files changed, 136 insertions, 0 deletions

diff --git a/frontend/app/drive/[...path]/page.tsx b/frontend/app/drive/[...path]/page.tsx
new file mode 100644
index 0000000..75a1bb1
--- /dev/null
+++ b/frontend/app/drive/[...path]/page.tsx
@@ -0,0 +1,136 @@
+import { Drive_ls, Drive_basename, Drive_parent } from "@/lib/drive"
+import { formatSize } from "@/lib/utils"
+import Link from "next/link"
+import { cookies } from 'next/headers';
+import { Auth_get_user } from "@/lib/auth";
+
+interface DrivePageProps {
+  params: Promise<{
+    path: string[]
+  }>
+}
+
+export default async function DrivePage({ params }: DrivePageProps) {
+  // Await params as required by Next.js 15
+  const { path } = await params
+
+  const user = await Auth_get_user();
+  console.log(user);
+
+  // Construct the full path from params
+  const fullPath = path ? `/${path.join('/')}` : ""
+
+  const entries = await Drive_ls(fullPath, false)
+
+  // Check if we have a parent directory
+  const parentDir = Drive_parent(fullPath)
+  const parentPath = path && path.length > 1
+    ? `/drive/${path.slice(0, -1).join('/')}`
+    : path && path.length === 1
+      ? '/drive'
+      : null
+
+  // Create entries with optional parent directory at top
+  const allEntries = []
+  if (parentDir !== null && parentPath !== null) {
+    allEntries.push({
+      path: '(parent)',
+      type: 'dir' as const,
+      lastmod: 0,
+      blob: null,
+      size: null,
+      author: '',
+      isParent: true,
+      parentPath
+    })
+  }
+
+  // Sort entries: directories first, then files, both alphabetically
+  const sortedEntries = entries.sort((a, b) => {
+    // First sort by type (directories before files)
+    if (a.type !== b.type) {
+      return a.type === 'dir' ? -1 : 1
+    }
+    // Then sort alphabetically by path
+    return a.path.localeCompare(b.path)
+  })
+
+  allEntries.push(...sortedEntries)
+
+  return (
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto p-4">
+        <Link href="/drive" className="inline-block mb-6">
+          <h1 className="text-2xl font-bold text-foreground hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer">FCTDrive</h1>
+        </Link>
+
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden">
+          <div className="overflow-x-auto">
+            <table className="w-full">
+              <thead className="bg-gray-50 dark:bg-gray-700">
+                <tr>
+                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
+                    Name
+                  </th>
+                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
+                    Size
+                  </th>
+                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
+                    Author
+                  </th>
+                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
+                    Modified
+                  </th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-gray-200 dark:divide-gray-600">
+                {allEntries.map((entry, index) => (
+                  <tr
+                    key={entry.path}
+                    className="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                  >
+                    <td className="px-4 py-4 whitespace-nowrap">
+                      <div className="flex items-center">
+                        <div className="flex-shrink-0 h-5 w-5 mr-3">
+                          {entry.type === 'dir' ? (
+                            <div className="h-5 w-5 text-blue-500">📁</div>
+                          ) : (
+                            <div className="h-5 w-5 text-gray-400">📄</div>
+                          )}
+                        </div>
+                        {entry.type === 'dir' ? (
+                          <Link
+                            href={(entry as any).isParent ? (entry as any).parentPath : `/drive${entry.path}`}
+                            className="text-sm font-medium text-blue-600 dark:text-blue-400 hover:underline"
+                          >
+                            {(entry as any).isParent ? '(parent)' : Drive_basename(entry.path)}
+                          </Link>
+                        ) : (
+                          <Link
+                            href={`/blob/${entry.blob}?filename=${encodeURIComponent(Drive_basename(entry.path))}`}
+                            className="text-sm font-medium text-blue-600 dark:text-blue-400 hover:underline"
+                          >
+                            {Drive_basename(entry.path)}
+                          </Link>
+                        )}
+                      </div>
+                    </td>
+                    <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
+                      {formatSize(entry.size)}
+                    </td>
+                    <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
+                      {entry.author}
+                    </td>
+                    <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
+                      {new Date(entry.lastmod * 1000).toLocaleString()}
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}